博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
上传图片并在页面回显图片
阅读量:6174 次
发布时间:2019-06-21

本文共 2365 字,大约阅读时间需要 7 分钟。

这是根据自己写的一个教师管理系统实现的

由于主要用在头像上,把上传的头像存储到本地

为了方便,设置一个虚拟地址:

 

 

 

然后添加虚拟路径和实际路径即可

前台:

教师照片

 

 js代码:

function uploadPic(){         var formData = new FormData($('#picUpload')[0]);         $.ajax({             type: 'post',             url: "teacher/uploadPic.action",             data: formData,             cache: false,             processData: false,             contentType: false,         }).success(function (data) {             if(data !== $("#apic").attr("href")){                 $("#apic").attr("href",data);                 $("#pic").attr("src",data);                 alert("头像上传成功!");             }             else{                 alert("图片上传失败!");             }         }).error(function () {             alert("上传失败");         });    }

 

后台:

@RequestMapping(value="/teacher/uploadPic", produces=MediaType.TEXT_PLAIN_VALUE+";charset=utf-8")    @ResponseBody    public String uploadFile(MultipartFile picUploadFile,HttpServletRequest request) throws Exception{            //获取原头像地址            Teacher teacher = (Teacher) request.getSession().getAttribute("teacher");            String pic = teacher.getTpic();            //判断文件是否为图片            String originalFileName = picUploadFile.getOriginalFilename();            String houzhui = originalFileName.substring(originalFileName.lastIndexOf("."));            if(!houzhui.equals(".jpg")&&!houzhui.equals(".png")) {                return "/teacherImage/"+pic;            }                        //上传文件            String newFileName = UUID.randomUUID()+houzhui;            File newFile = new File(picUrl,newFileName);            picUploadFile.transferTo(newFile);                        //删除原有头像文件            String oldPicUrl = picUrl + "/" + pic;            File picFile = new File(oldPicUrl);            if(picFile.exists()) {                picFile.delete();            }                        //把现有文件地址保存            teacher.setTpic(newFileName);            request.getSession().removeAttribute("teacher");            request.getSession().setAttribute("teacher",teacher);            teacherService.updateTeacher(teacher);            return "/teacherImage/"+newFileName;    }

主要实现方法就是上边,如若需要其他需求,可按上边进行更改

转载于:https://www.cnblogs.com/ITDreamer/p/9696662.html

你可能感兴趣的文章
Zend Studio 主題更改
查看>>
變量的生存空間與作用域
查看>>
echarts 设置地图默认缩放比例 尺寸
查看>>
VMware期望企业达到100%虚拟化
查看>>
Jmeter 自定义测试请求(功能完善)
查看>>
同步模型与异步模型的区别(转)
查看>>
Js计算指定日期加上多少天、加多少月、加多少年的日期
查看>>
对抗拖库 —— Web 前端慢加密
查看>>
PHP内存池中的存储层
查看>>
]细数网站成功赢利须具备的四大核心要素
查看>>
PHP开发APP接口1——APP接口简介
查看>>
家用nas的过去现在和未来--2008n年
查看>>
Linux安装Zend Guard 和 ioncube
查看>>
android studio 2.1版本
查看>>
android点滴25:Fragment加载时犯的低级错误android.view.Infla...
查看>>
x264 slicetype 选定中的x264_lowres_context_init函数分析
查看>>
ListView使用方法
查看>>
java容器线程安全
查看>>
ios 调用相册 及 相册显示中文
查看>>
使用 正则表表达式 小记
查看>>